{extend name="help/common"/}

{block name="head"}


{/block}

{block name="body"}
{include file="help/top"/}
<section style="padding: 2rem 0;background: #f3f7ff;">
    <div class="container">
        {include file="help/search_box"/}
    </div>
</section>

<section class="main-section" style="background: #f3f7ff;">
    <div class="section-content container">
        <div class="main-content">
            <div class="guide-box">
                <div class="guide-item item1">
                    <a href="https://www.rainbond.com/docs/quick-start/rainbond_install/"></a>
                    <div class="tit">Get started</div>
                    <div class="icon">
                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">
                            <g id="Support" fill="none" fill-rule="evenodd" stroke="none" stroke-width="1">
                                <g id="Desktop-HD" fill="#FFF" fill-rule="nonzero" transform="translate(-192 -649)">
                                    <g id="section-get-started" transform="translate(168 528)">
                                        <g id="get-started">
                                            <g id="guide-icons/quick-started" transform="translate(24 121)">
                                                <path id="Path"
                                                      d="M3 25a1 1 0 0 1 1-1h15a2 2 0 0 0 2-2V7a3 3 0 0 0-3-3h-7v8l-3-2-3 2V4H4a3 3 0 0 0-3 3v18a3 3 0 0 0 3 3h16a1 1 0 0 0 0-2H4a1 1 0 0 1-1-1z"/>
                                            </g>
                                        </g>
                                    </g>
                                </g>
                            </g>
                        </svg>
                    </div>
                    <div class="txt">
                        <h2>快速安装</h2>
                        <p>
                            20min搭建适合你的Rainbond平台，云原生应用体验由此开始。
                        </p>
                    </div>
                    <div class="divider"></div>
                    <div class="read"><span>阅读</span><span class="arrow-right"><svg
                            xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
                                    <g id="Support" fill="none" fill-rule="evenodd" stroke="none" stroke-linecap="round"
                                       stroke-linejoin="round" stroke-width="1">
                                        <g id="状态" stroke="#FFF" transform="translate(-179 -788)">
                                            <g id="guide" transform="translate(103 152)">
                                                <g id="section-get-started" transform="translate(16 401)">
                                                    <g id="get-started">
                                                        <g id="read" transform="translate(27 216)">
                                                            <g id="icons/arrow-right" transform="translate(33 19)">
                                                                <path id="Path" d="M13.5 8h-11M9.5 4l4 4-4 4"/>
                                                            </g>
                                                        </g>
                                                    </g>
                                                </g>
                                            </g>
                                        </g>
                                    </g>
                                </svg></span></div>
                </div>

            </div>
            <div class="feature-guide">
                <h2 class="tips">跟随这些文档实践</h2>
                <div class="feature-box">
                    <div class="left-box">

                        <div class="feature-item">
                            <a href="https://www.rainbond.com/docs/architecture/design-concept/"></a>
                            <div class="icon default">
                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
                                    <g id="Support" fill="none" fill-rule="evenodd" stroke="none"
                                       stroke-linecap="round" stroke-linejoin="round" stroke-width="1">
                                        <g id="Desktop-HD" stroke="#202D40" transform="translate(-180 -917)">
                                            <g id="read-this-documents" transform="translate(168 845)">
                                                <g id="docs-content" transform="translate(0 68)">
                                                    <g id="icons/document" transform="translate(12 4)">
                                                        <g id="book-bookmark">
                                                            <path id="Path" fill="#202D40" fill-opacity=".08"
                                                                  d="M8.5.5v7L6 5.5l-2.5 2v-7"/>
                                                            <path id="Path"
                                                                  d="M.5 14V2.5a2 2 0 0 1 2-2h11a2 2 0 0 1 2 2V14"/>
                                                            <rect id="Rectangle" width="15" height="3" x=".5"
                                                                  y="12.5" fill="#202D40" fill-opacity=".08"
                                                                  rx="1.5"/>
                                                        </g>
                                                    </g>
                                                </g>
                                            </g>
                                        </g>
                                    </g>
                                </svg>
                            </div>
                            <div class="icon blue">
                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
                                    <g id="Support" fill="none" fill-rule="evenodd" stroke="none"
                                       stroke-linecap="round" stroke-linejoin="round" stroke-width="1">
                                        <g id="Desktop-HD" stroke="#06F" transform="translate(-180 -967)">
                                            <g id="read-this-documents" transform="translate(168 845)">
                                                <g id="docs-content" transform="translate(0 68)">
                                                    <g id="icons/document" transform="translate(12 54)">
                                                        <g id="book-bookmark">
                                                            <path id="Path" fill="#06F" fill-opacity=".08"
                                                                  d="M8.5.5v7L6 5.5l-2.5 2v-7"/>
                                                            <path id="Path"
                                                                  d="M.5 14V2.5a2 2 0 0 1 2-2h11a2 2 0 0 1 2 2V14"/>
                                                            <rect id="Rectangle" width="15" height="3" x=".5"
                                                                  y="12.5" fill="#06F" fill-opacity=".08" rx="1.5"/>
                                                        </g>
                                                    </g>
                                                </g>
                                            </g>
                                        </g>
                                    </g>
                                </svg>
                            </div>
                            <div class="txt">Rainbond设计思想</div>
                            <div class="arrow">
                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
                                    <g id="Support" fill="none" fill-rule="evenodd" stroke="none"
                                       stroke-linecap="round" stroke-linejoin="round" stroke-width="1">
                                        <g id="Desktop-HD" stroke="#06F" transform="translate(-276 -1727)">
                                            <g id="section-case" transform="translate(0 1185)">
                                                <g id="article-card" transform="translate(200 176)">
                                                    <g id="read-more" transform="translate(20 364)">
                                                        <g id="icons/read-more" transform="translate(56 2)">
                                                            <path id="Path" d="M5.5 3.5L10 8l-4.5 4.5"/>
                                                        </g>
                                                    </g>
                                                </g>
                                            </g>
                                        </g>
                                    </g>
                                </svg>
                            </div>
                        </div>

                        <div class="feature-item">
                            <a href="https://www.rainbond.com/docs/user-manual"></a>
                            <div class="icon default">
                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
                                    <g id="Support" fill="none" fill-rule="evenodd" stroke="none"
                                       stroke-linecap="round" stroke-linejoin="round" stroke-width="1">
                                        <g id="Desktop-HD" stroke="#202D40" transform="translate(-180 -917)">
                                            <g id="read-this-documents" transform="translate(168 845)">
                                                <g id="docs-content" transform="translate(0 68)">
                                                    <g id="icons/document" transform="translate(12 4)">
                                                        <g id="book-bookmark">
                                                            <path id="Path" fill="#202D40" fill-opacity=".08"
                                                                  d="M8.5.5v7L6 5.5l-2.5 2v-7"/>
                                                            <path id="Path"
                                                                  d="M.5 14V2.5a2 2 0 0 1 2-2h11a2 2 0 0 1 2 2V14"/>
                                                            <rect id="Rectangle" width="15" height="3" x=".5"
                                                                  y="12.5" fill="#202D40" fill-opacity=".08"
                                                                  rx="1.5"/>
                                                        </g>
                                                    </g>
                                                </g>
                                            </g>
                                        </g>
                                    </g>
                                </svg>
                            </div>
                            <div class="icon blue">
                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
                                    <g id="Support" fill="none" fill-rule="evenodd" stroke="none"
                                       stroke-linecap="round" stroke-linejoin="round" stroke-width="1">
                                        <g id="Desktop-HD" stroke="#06F" transform="translate(-180 -967)">
                                            <g id="read-this-documents" transform="translate(168 845)">
                                                <g id="docs-content" transform="translate(0 68)">
                                                    <g id="icons/document" transform="translate(12 54)">
                                                        <g id="book-bookmark">
                                                            <path id="Path" fill="#06F" fill-opacity=".08"
                                                                  d="M8.5.5v7L6 5.5l-2.5 2v-7"/>
                                                            <path id="Path"
                                                                  d="M.5 14V2.5a2 2 0 0 1 2-2h11a2 2 0 0 1 2 2V14"/>
                                                            <rect id="Rectangle" width="15" height="3" x=".5"
                                                                  y="12.5" fill="#06F" fill-opacity=".08" rx="1.5"/>
                                                        </g>
                                                    </g>
                                                </g>
                                            </g>
                                        </g>
                                    </g>
                                </svg>
                            </div>
                            <div class="txt">查看更多</div>
                            <div class="arrow">
                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
                                    <g id="Support" fill="none" fill-rule="evenodd" stroke="none"
                                       stroke-linecap="round" stroke-linejoin="round" stroke-width="1">
                                        <g id="Desktop-HD" stroke="#06F" transform="translate(-276 -1727)">
                                            <g id="section-case" transform="translate(0 1185)">
                                                <g id="article-card" transform="translate(200 176)">
                                                    <g id="read-more" transform="translate(20 364)">
                                                        <g id="icons/read-more" transform="translate(56 2)">
                                                            <path id="Path" d="M5.5 3.5L10 8l-4.5 4.5"/>
                                                        </g>
                                                    </g>
                                                </g>
                                            </g>
                                        </g>
                                    </g>
                                </svg>
                            </div>
                        </div>

                    </div>

                </div>
            </div>
        </div>
    </div>
</section>


<section class="problem-section">
    <div class="section-content container">
        <h2 class="title">常见问题</h2>
        <div class="problem-content">
            <div class="problem-item item1">
                <div class="problem-box">
                    <div class="head">
                        <div class="tit">Rainbond是否开源</div>
                        <div class="plus">
                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
                                <g id="Support" fill="none" fill-rule="evenodd" stroke="none" stroke-width="1">
                                    <g id="Desktop-HD" fill="#FFF" transform="translate(-1192 -2272)">
                                        <g id="faq" transform="translate(206 2001)">
                                            <g id="faq-item" transform="translate(24 267)">
                                                <g id="expand" transform="translate(960 2)">
                                                    <g id="icons/expand" transform="translate(2 2)">
                                                        <path id="Rectangle" d="M4 7h8v2H4z"/>
                                                        <path id="Rectangle-Copy-10" d="M7 4h2v8H7z"/>
                                                    </g>
                                                </g>
                                            </g>
                                        </g>
                                    </g>
                                </g>
                            </svg>
                        </div>
                        <div class="sub">
                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
                                <g id="Support" fill="none" fill-rule="evenodd" stroke="none" stroke-width="1">
                                    <g id="Desktop-HD" fill="#FFF" transform="translate(-1192 -2121)">
                                        <g id="faq" transform="translate(206 2001)">
                                            <g id="faq-item-expand" transform="translate(0 91)">
                                                <g id="collapse" transform="translate(984 27)">
                                                    <path id="icons/collapse" d="M4 7h8v2H4z"
                                                          transform="translate(2 2)"/>
                                                </g>
                                            </g>
                                        </g>
                                    </g>
                                </g>
                            </svg>
                        </div>
                    </div>
                    <div class="desc">
                        当然，Rainbond是一个完整开源的以企业云原生应用开发、架构、运维、共享、交付为核心的Kubernetes多云赋能平台，企业级支持的国产开源项目，订阅企业服务可以解锁更多便捷功能体验和获得专业的支持。
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>


<section class="section section-feature-grey is-medium" id="community">
    <div class="container">

        <div class="title-wrapper has-text-centered">
            <h3 class="title is-6">参与其中</h3>
        </div>

        <div class="content-wrapper">

            <div class="columns has-text-centered">
                <div class="column is-third social-wrap">
                    <a href="//forum.yicmf.com/" target="_blank" class="social-icon">
                        <img src="__HELP__/images/discourse.png" alt="Rainbond社区"/>
                        <h4>社区</h5>
                            <p>参考社区，学习或贡献更多框架用法</p>
                    </a>
                </div>
                <div class="column is-third social-wrap">
                    <a href="//shang.qq.com/wpa/qunwpa?idkey=a1311f6de68b5586b72db56fa8b152188eae495bda87ea5ab452d2ae30b4d5f1"
                       target="_blank" class="social-icon">
                        <img src="__HELP__/images/qqqun.png" alt="qq群"/>
                        <h4>官方技术支持群</h4>
                        <p>加入QQ群</p>
                    </a>
                </div>
                <div class="column is-third social-wrap">
                    <a href="https://github.com/lilwil/card" target="_blank" class="social-icon">
                        <img src="__HELP__/images/GitHub.png" alt="Github"/>
                        <h4>贡献</h4>
                        <p>欢迎参与贡献，你可以从提出Issues和解决Issues开始</p>
                    </a>
                </div>

            </div>
        </div>
</section>

{/block}